﻿body 
{
    background-image:url("Images/Background.png");
    color:White;
}

.bluebox
{
    background-color:#4F81BD;
    text-align:center;
    vertical-align:middle;
    margin:10px;
    border:2px solid #385D8A;
    border-radius: 6px;
    font-family:Arial;
}

.greenbox
{
    background-color:#77933C;
    text-align:center;
    vertical-align:middle;
    margin-bottom:25px;
    margin-left:25px;
    border:2px solid #FFFFFF;
    font-family:Arial;
}

.answer
{
    width:10%;
}

#mainbox
{
    background-color:#DCE6F2;
    margin:15px;
    display:inline-block;
    border:3px solid #385D8A;
    border-radius: 6px;
}

.resultbox
{
    background-color:#DCE6F2;
    margin:15px;
    height:inherit;
    border:3px solid #385D8A;
    border-radius: 6px;
}

#welcome
{
    font-size:22px;
    margin-top:20px;
    height:60px;    
}

#rights
{
    font-size:12px;
    height:30px;
}

#result
{
    margin:30px;
    font-size:22px;
    height:350px;
}

button
{
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
    color:White;
    background-color:#9BBB59;
    border:3px solid White;
    border-radius: 9px;
}

.votebutton
{
    width:70%;
    height:40px;
    margin:15px;
    clear:both;
}

#backbutton
{
    width:230px;
    height:60px;
    margin-bottom:25px;
}

#resultpage
{
    display:none;
}

.question
{
    background-color:#4F81BD;
    text-align:left;
    vertical-align:middle;
    margin:30px;
    margin-right:0px;
    float:left;
    border:2px solid #385D8A;
    border-radius: 6px;
    font-family:Arial;
    float:left;
    width:16%;
}

li
{
    list-style-type:none;
}